﻿@model Sispe.Entities.PERSONA

@{
    ViewBag.Title = "Datos de Trabajador";
}


<link rel="stylesheet" href="~/Content/bootstrap.min.css">
    <link rel="stylesheet" href="~/Content/themes/base/jquery-ui.css">
    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/jquery-ui.js"></script>

@{
    var message = TempData["AlertMessage"] ?? string.Empty;
}

<script type="text/javascript">
    var message = '@message';
    if (message)
        alert(message).alert;
</script>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>TRABAJADOR</legend>

        <div id="tabs">
            <ul>
                <li><a href="#TabPersonales">Datos Personales</a></li>
                <li><a href="#TabLaborales">Datos Laborales</a></li>
                <li><a href="#TabFormacion">Formación Profesional</a></li>
                <li><a href="#TabEmergencia">Datos Emergencia / Seguro / Familia</a></li>
                <li><a href="#TabOtros">Otros</a></li>
            </ul>
            <div id="TabPersonales">

                @Html.Hidden("IdPersona")
                <br />
                <br />
                <b>DNI : </b>
                <div>
                    @Html.Editor("Dni")
                    @Html.ValidationMessageFor(model => model.Dni)
                </div>

                <br />
                <br />
                <b>APE. PATERNO : </b>@Html.EditorFor(model => model.ApePaterno)
                @Html.ValidationMessageFor(model => model.ApePaterno)

                <br />
                <br />
                <b>APE. MATERNO : </b>@Html.EditorFor(model => model.ApeMaterno)
                @Html.ValidationMessageFor(model => model.ApeMaterno)

                <br />
                <br />
                <b>NOMBRES : </b>@Html.EditorFor(model => model.Nombres)
                @Html.ValidationMessageFor(model => model.Nombres)

                <br />
                <br />
                <b>SEXO : </b>@Html.DropDownList("IdSexo")

                <br />
                <br />
                <b>EST.CIVIL : </b>@Html.DropDownList("IdEstadoCivil")

                <br />
                <br />
                <b>FEC. NAC:</b> @Html.TextBox("FechaNacimiento")

                <br />
                <br />
                <b>HIJOS : </b>@Html.EditorFor(model => model.TRABAJADOR.Hijos)
                @Html.ValidationMessageFor(model => model.TRABAJADOR.Hijos)


                <br />
                <br />
                <b>DIRECC. : </b>@Html.EditorFor(model => model.Direccion)
                @Html.ValidationMessageFor(model => model.Direccion)

                <br />
                <br />
                <b>EMAIL : </b>@Html.EditorFor(model => model.Email)
                @Html.ValidationMessageFor(model => model.Email)

            </div>

            <div id="TabLaborales">

                <b>RECOMENDABLE?</b> @Html.CheckBoxFor(model => model.TRABAJADOR.Recomendable)

                <br />
                <br />
                <b>SINDICATO?</b> @Html.CheckBoxFor(model => model.TRABAJADOR.Sindicato)

                <br />
                <br />
                <b>SOCIO : </b>@Html.DropDownList("IdSocio")

                <br />
                <br />
                <b>REGIMEN PENSIOANRIO</b> @Html.DropDownList("IdRegimenPensionario")

                <br />
                <br />
                <b>BANCO: </b>@Html.DropDownList("IdBanco")

                <br />
                <br />
                <b>NRO. CUWNTA : </b>@Html.EditorFor(model => model.TRABAJADOR.NroCuenta)

                <br />
                <br />
                <b>UBC. TRABAJADOR : </b>@Html.DropDownList("IdUbicacionTrabajador")

                <br />
                <br />
                <b>NRO. CUSP:</b> @Html.EditorFor(model => model.TRABAJADOR.NroCusp)
                @Html.ValidationMessageFor(model => model.TRABAJADOR.NroCusp)

                <br />
                <br />
                <b>ZAPATO : </b>@Html.EditorFor(model => model.TRABAJADOR.Zapato)
                @Html.ValidationMessageFor(model => model.TRABAJADOR.Zapato)

                <br />
                <br />
                <b>TALLA : </b>@Html.EditorFor(model => model.TRABAJADOR.Talla)
                @Html.ValidationMessageFor(model => model.TRABAJADOR.Talla)

                <br />
                <br />
                <b>UBIGEO : </b>@Html.DropDownList("IdUbigeo")

                <br />
                <br />
                <b>RURAL : </b>@Html.DropDownList("IdRural")


            </div>

            <div id="TabFormacion">

                <b>ESTUDIOS</b>@Html.DropDownList("IdEstudios")

            </div>

            <div id="TabEmergencia">

                <b>REFERENCIA</b> @Html.DropDownList("IdReferencia")

                <br />
                <br />
                <b>AUTOG. ESSALUD : </b>@Html.EditorFor(model => model.TRABAJADOR.AutogeneradoEsSalud)
                @Html.ValidationMessageFor(model => model.TRABAJADOR.AutogeneradoEsSalud)

                <br />
                <br />
                <b>GRUPO SANGUINEO: </b>@Html.EditorFor(model => model.TRABAJADOR.GrupoSanguineo)

                <br />
                <br />
                <b>NRO. CONST. ESTUDIOS</b>@Html.EditorFor(model => model.TRABAJADOR.NroConstanciaEstudios)
                @Html.ValidationMessageFor(model => model.TRABAJADOR.NroConstanciaEstudios)

            </div>

            <div id="TabOtros">

                <b>COND. DOMICILIO : </b>@Html.EditorFor(model => model.TRABAJADOR.CondicionDomicilio)

                <br />
                <br />
                <b>OBSERVACIÓN : </b>@Html.EditorFor(model => model.TRABAJADOR.Observacion)

            </div>

        </div>

        <br />
        <p>
            <button type="submit" id="btnGuardar" class="btn btn-default btn-lg" value="Guardar">Guardar</button>
        </p>

    </fieldset>
}

<div>
    @Html.ActionLink("Atras", "Index")
</div>


@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script type="text/javascript">
    

        $(function () {
            $.datepicker.setDefaults($.datepicker.regional["es"]);
            $("#FechaNacimiento").datepicker({
                firstDay: 1,
                showButtonPanel: true
            });
        });

        $("#Dni").focusout(function () {

            var dni = $(this).val();

            var IdPersona = $("#IdPersona").val();
            
            var div = $(this).closest("div");

            if (dni.length == 8) {
                $.ajax({
                    url: "/Trabajador/ValidarDni?dni=" + dni + "&id=" + IdPersona,
                    dataType: "json",
                    success: function (data) {
                        if (data.existe == true) {
                            $(div).find("spam").remove();
                            $(div).append('<spam class="field-validation-error"><br/>El Trabajador ya existe</spam>');
                            $(div).append('<spam class="field-validation-error"><br/>Trabajador: ' + data.persona + '</spam>');
                            $("#btnGuardar").hide();
                        }
                        else {
                            $(div).find("spam").remove();
                            $("#btnGuardar").show();
                        }
                    }
                });
            }
            else {
                alert("Longitud de DNI INCORRECTA");
                $("#Dni").focus();
            }
        });

        $(function () {
            $("#tabs").tabs({
                collapsible: true
            });
        });

    </script>
}

